<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="jakarta.faces.html" xmlns:f="jakarta.faces.core"
                xmlns:ui="jakarta.faces.facelets" xmlns:p="http://primefaces.org/ui" template="/template.xhtml"
>
    <ui:define name="content">


   
        <p:treeTable  widgetVar="treeTable"  value="#{sysAreaMBean.root}" var="node" 
                      showGridlines="true" size="small" 
                      sortMode="single"
                     >
                      <!--paginator="true" rows="10"-->
                     <!--selectionMode="single"                     selection="{sysAreaMBean.selectedNode}"-->
                     <!--selectionMode="checkbox"                     selection="{sysAreaMBean.selectedNodes2}"-->
            <f:facet name="header">
                Document Viewer
            </f:facet>
                     <p:column headerText="Name"  resizable="true" width="300"  sortBy="#{node.name}">
                <h:outputText value="#{node.name}"/>
            </p:column>
            <p:column headerText="parent">
                <h:outputText value="#{node.parent.name}"/>
            </p:column>
            <p:column headerText="pid">
                <h:outputText value="#{node.pid}"/>
            </p:column>
            <p:column headerText="level" >
                 
                <h:outputText value="#{node.level}"/>
            </p:column>
            <p:column headerText="sort">
                <h:outputText value="#{node.sort}"/>
            </p:column>
            <p:column headerText="provinceCode">
                <h:outputText value="#{node.provinceCode}"/>
            </p:column>
         
            <p:column headerText="cityCode">
                <h:outputText value="#{node.cityCode}"/>
            </p:column>
            <p:column headerText="areaCode">
                <h:outputText value="#{node.areaCode}"/>
            </p:column>
            <p:column headerText="streetCode">
                <h:outputText value="#{node.streetCode}"/>
            </p:column>
            <p:column headerText="committeeCode">
                <h:outputText value="#{node.committeeCode}"/>
            </p:column>
            <p:column headerText="committeeType">
                <h:outputText value="#{node.committeeType}"/>
            </p:column>
            <p:column headerText="hasChildren">
                <h:outputText value="#{node.hasChildren}"/>
            </p:column>
         
        </p:treeTable>

    </ui:define>
</ui:composition>